'use client'
import React from 'react'

export default function PopupHeader({ title, buttonText, onButtonClick, buttonDisabled = false,  extraButtonText, onExtraButtonClick, extraButtonDisabled = false }) {
  return (
    <div className='sticky top-0 z-10 bg-white'>
      <div className='flex items-center justify-between border-none h-10'>
        {title && <div className='text-sm font-medium text-gray-500'>{title ? title : 'Page Name'}</div>}
        <div className='flex items-center space-x-2'>
          {extraButtonText && <button className='btn h-9 border-none rounded-xs bg-red-500 text-white' onClick={() => onExtraButtonClick && onExtraButtonClick()}>{extraButtonText ? extraButtonText : 'Button'}</button>}
          {buttonText && <button className='btn h-9 bg-[var(--theme-color)] text-white rounded-xs' disabled={buttonDisabled} onClick={() => onButtonClick && onButtonClick()}>{buttonText ? buttonText : 'Button'}</button>}
        </div>
      </div>
    </div>
  )
}
